@charset "utf-8";
* { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: inherit; line-height: inherit;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; vertical-align: baseline; }
img { border: none; vertical-align: middle; width: 100%;}
i, em { font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, select, button, h1, h2, h3, h4, h5, h6 { font-size: inherit; font-family: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: rgba(0,0,0,0.56); }
body {height: 100%;font-family: "Microsoft Yahei",Tahoma,Arial,sans-serif;color: #666; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
textarea {resize: none;}
input[type="text"], input[type='tel'], input[type='button'], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;}
body{background:#fafafa;font-size: 0.28rem; -webkit-overflow-scrolling: touch;}
html {box-sizing: border-box;/*font-size: 100px;*/ height:100%;-webkit-text-size-adjust: none;}
*,*:before,*:after {box-sizing: inherit;}
.clearfix:after {content: ".";display: block;height: 0;overflow: hidden;clear: both}
.hide{
    display: none;
}
.ov{
    overflow: hidden;
}
body{
	cursor: pointer;
}
.g-alert {
    position: fixed;
    z-index: 110;
    top: 2.8rem;
    left: 0;
    width: 100%;
    text-align: center;
    .box{
        font-size: .28rem;
        color: #fff;
        display: inline-block;
        padding: .2rem .5rem;
        text-align: center;
        background: rgba(0,0,0,.65);
        border-radius: .08rem;
        box-sizing: border-box;
    }
    &.g-tip.hide {
        display: none;
    }
}
.g-loading{
    position:fixed;
    z-index:19999999;
    top:40%;
    left:50%;
    width:1.5rem;
    height:1.5rem;
    &:after{
        content:'';
        display:block;
        position:relative;
        top:-50%;
        left:-50%;
        width:100%;
        height:100%;
        opacity:.8;
        border-radius:.2rem;
        background:#000 url(../images/ico-loading-v2.gif) .35rem .35rem no-repeat;
        background-size:0.8rem 0.8rem
    }
    // .loader{width:2.5em;height:2.5em;position:relative;top:50%;margin:-.95rem auto auto;border-radius:50%;-webkit-animation:loading 1.1s infinite linear;animation:loading 1.1s infinite linear;overflow:hidden;text-indent:-9999em;border-top:.3em solid rgba(253,191,191,.2);border-right:.3em solid rgba(253,191,191,.2);border-bottom:.3em solid rgba(253,191,191,.2);border-left:.3em solid #f56a6a}
    &.hide{
        display:none
    }
}

.mod-shade{
    background-color: rgba(0,0,0,.7);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    transform-origin: 0 0 0;
    opacity: 1;
    transform: scale(1,1);
    cursor: pointer;
    z-index: 11;
}
.mod-popup{
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform: translate3d(120%,0,0);
    -moz-transform: translate3d(120%,0,0);
    -ms-transform: translate3d(120%,0,0);
    -o-transform: translate3d(120%,0,0);
    transform: translate3d(120%,0,0);
    opacity: 0;
    z-index: 22;
    &.show{
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
    
.g-header{
    position: relative;
	height: .88rem;
	line-height: .88rem;
	padding: 0 .2rem;
    background: #fff;
    text-align: center;
    &.head-art{
        background:#2869E2;
        font-size: .32rem;
        color: #fff;
        span{
            font-size: .36rem;
            width: 70%;
            padding-left: 1%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-text-overflow: ellipsis;
            display: inline-block;
        }
    }
    .back{
        position: absolute;
        left:0;
        top:0;
        a{
            float: left;
            padding: 0 .2rem;
            height: .88rem;
            font-size: .32rem;
            color: #fff;
            &:after{
                content: '';
                display: block;
                width: .4rem;
                height: .4rem;
                margin-top: .22rem;
            }
            &.ico-back{
                &:after{
                    background: url(../images/common/icon-back.svg) no-repeat;
                    background-size: 0.4rem 0.4rem;
                }
            }
            &.ico-home{
                &:after{
                    background: url(../images/common/icon-home.svg) no-repeat;
                    background-size: 0.4rem 0.4rem;
                }
            }
        }
    }
}

.g-footer {
    padding: 2.2rem 0 0.2rem;
    text-align: center;
    color: #999;
}

.mod-crumb {
    height: 0.88rem;
    line-height: 0.88rem;
    background-color: #2869E2;
    color: #fff;
    font-size: .32rem;
    padding: 0 .35rem;
    a{
        color: #fff;
    }
}
.mod-search{
    padding:.3rem;
    background-color:#fff;
    .search-box{
        height:0.88rem;
        input{
            border:0;
            outline:0;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            -ms-box-sizing:border-box;
            box-sizing:border-box;
        }
        .search-text{
            float: left;
            height:0.88rem;
            width:78%;
            background-color:#fff;
            input{
                background-color:#fafafa;
                height:0.88rem;
                line-height:0.48rem;
                padding:.2rem .3rem;
                border:1px solid #d7d7d7;
                border-right:0;
                width:100%;
            }
        }
        .search-btn{
            float: left;
            width:22%;
            height:0.88rem;
            background-color:#2869E2;
            input{
                height:0.88rem;
                width:100%;
                font-size: .32rem;
                color:#fff;
                background-color:#2869E2;
            }
        }
    }
}
.mod-searchbox{position:fixed;top:0;right:0;width:100%;height:100%;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;-webkit-transform:translate3d(120%,0,0);-moz-transform:translate3d(120%,0,0);-ms-transform:translate3d(120%,0,0);-o-transform:translate3d(120%,0,0);transform:translate3d(120%,0,0);opacity:0;z-index:10;background-color:#e5e6eb}.mod-searchbox.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mod-searchbox .mod-search{border-bottom:1px solid #d5d6d7;background:#e5e6eb}.mod-searchbox .mod-search .close{float:left;width:.9rem;height:.9rem;background-position:-.15rem -7.5rem;display:inline-block;position:relative;top:.5rem;cursor:pointer}.mod-searchbox .mod-search .search-box{height:2rem;position:relative;margin-left:1.5rem}.mod-searchbox .mod-search .search-box .search-text{height:2rem;width:100%;background:0 0}.mod-searchbox .mod-search .search-box .search-text input{border-color:#d5d6d7;height:2rem;line-height:2rem;border-radius:2px}.mod-searchbox .mod-search .search-box .search-btn{background-color:#fff;height:1.9rem;position:absolute;right:1px;top:1px;border-radius:0 20px 20px 0;overflow:hidden}.mod-searchbox .mod-search .search-box .search-btn input{background-color:#fff;height:1.9rem;background:url(../../images/wap/index/v2/sobox.png) no-repeat center center;background-size:1.2rem 1.225rem}.mod-searchbox .mod-searchHistory .title{border-color:#d5d6d7;background-color:#e5e6eb}.mod-searchbox .mod-searchHistory .title h3{border-left:0}.mod-searchbox .mod-searchHistory .title .eliminate{color:#999;font-size:.7rem;float:right}.mod-searchbox .mod-searchHistory .title .eliminate i{background-position:-7rem -2.45rem;width:.8rem;height:.8rem;display:inline-block;position:relative;top:.15rem;margin-right:.1rem}.mod-searchbox .mod-searchHistory .searchHistory-box ul{padding:.5rem 0 .4rem .5rem}.mod-searchbox .mod-searchHistory .searchHistory-box li{float:left;padding:0 .4132rem;line-height:1.75rem;height:1.75rem;border:1px solid #dedede;border-radius:1px;margin:.2rem .5rem .3rem 0;border-radius:2px;background-color:#fff}.mod-searchbox .mod-searchHistory .searchHistory-box li a{color:#333;font-size:.7rem}.mod-searchbox .search-choice{overflow:hidden}.mod-searchbox .search-choice ul{background:#fff}.mod-searchbox .search-choice ul li{padding:0 .5rem;border-bottom:1px solid #eeeff3}.mod-searchbox .search-choice ul li a{display:block;height:2.25rem;line-height:2.25rem}.mod-searchbox .search-choice ul li a title,.mod-searchbox .search-choice ul li a span{color:#333;font-size:.8rem;float:left;height:2.25rem}.mod-searchbox .search-choice ul li a title{display:inline-block;max-height:2.25rem;max-width:72%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis}.mod-searchbox .search-choice ul li a span{max-width:50%}.mod-searchbox .search-choice ul li a i.txt{height:.8rem;line-height:.8rem;color:#fff;padding:0 .2rem;border-radius:2px;background-color:#3cc;display:inline-block;position:relative;font-size:.55rem;top:-.05rem;margin-left:.4rem}.mod-searchbox .search-choice ul li em{color:#c00;float:right;font-size:.7rem}.mod-searchbox .search-choice ul li em i{display:inline-block;position:relative;background-position:-2.6rem 0;width:.5rem;height:.7rem;top:.14rem;margin-left:.1rem}.mod-pagination{padding:1rem .4rem}
.mod-pagination{
    padding:.4rem .3rem;
    .pagination-ul,ol{
        li{
            float:left;
            width:22%;
            line-height:0.72rem;
            text-align:center;
            &.shadowe,&.home{
                width:16%;
            }
            &.next,&.prev{
                width: 23%;
            }
            &.prohibit{
                a{
                    border-color:#e4e4e4;
                    color:#999;
                    background-color:#fafafa;
                }
            }
            a{
                color:#2869E2;
                font-size:.32rem;
                background-color:#F3F8FE;
                display:block;
                height:0.72rem;
                border:1px solid #3E81FF;
                margin:0 .05rem;
                border-radius:2px;
            }
        }
        span{
            font-size:.32rem;
            color:#333;
            height:0.72rem;
            line-height:0.72rem;
            border:1px solid #e5e5e5;
            background: #fff;
            text-align:center;
            margin:0 .05rem;
            display:block;
            border-radius:2px
        }
    }
}
@import url('mod-layer-m');

@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}